<template>
  <div class="mainBox">
    <div class="img">
      <el-image :src="src">
        <div slot="placeholder" class="image-slot">
          加载中<span class="dot">...</span>
        </div>
      </el-image>
    </div>
    <div class="content">
      <h4>上午好，刘光明，推开窗拥抱阳光，扫除你的一切忧烦!</h4>
      <p>欢迎使用视翰数字化管理平台</p>
    </div>
  </div>
</template>

<script>
import echarts from "echarts";
import resize from "@/views/extend/graphDemo/mixins/resize";
export default {
  name: "extend-graphDemo-echartsBar",
  mixins: [resize],
  data() {
    return {
      src: "https://img2.baidu.com/it/u=1284413808,930446668&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1690390800&t=b4aece379d1237589ffe7172476bff4a",
    };
  },
  mounted() {},

  methods: {
    init() {},
  },
};
</script>

<style scoped lang="scss">
.mainBox {
  min-height: 80px;
  display: flex;
  align-items: center;
  .img {
    margin-left: 12px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    >>> .el-image__inner {
      border-radius: 35%;
    }
  }

  .content {
    margin-left: 2%;
    p {
      color: #515050;
      margin-top: 12px;
      font-size: 14px;
    }
  }
  >>> .el-card__body {
    padding: 12px;
  }
}
</style>
